<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		<title>首页 - 达内OA管理系统</title>
		<link rel="icon" href="favicon.ico" type="image/ico">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/materialdesignicons.min.css" rel="stylesheet">
		<link href="css/style.min.css" rel="stylesheet">
		<link href="css/rili.css" rel="stylesheet">
	</head>

	<body>
		<div class="container-fluid p-t-15">

			<div class="row">
				<div class="col-sm-6 col-md-3">
					<div class="card bg-primary">
						<div class="card-body clearfix">
							<div class="pull-right">
								<p class="h6 text-white m-t-0">今日收入（元）</p>
								<p class="h3 text-white m-b-0">102,125.00</p>
							</div>
							<div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-currency-cny fa-1-5x"></i></span>
							</div>
						</div>
					</div>
				</div>

				<div class="col-sm-6 col-md-3">
					<div class="card bg-danger">
						<div class="card-body clearfix">
							<div class="pull-right">
								<p class="h6 text-white m-t-0">今日订单（个）</p>
								<p class="h3 text-white m-b-0">920,000</p>
							</div>
							<div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-account fa-1-5x"></i></span>
							</div>
						</div>
					</div>
				</div>

				<div class="col-sm-6 col-md-3">
					<div class="card bg-success">
						<div class="card-body clearfix">
							<div class="pull-right">
								<p class="h6 text-white m-t-0">出勤状态</p>
								<p class="h3 text-white m-b-0">上班</p>
							</div>
							<div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-arrow-down-bold fa-1-5x"></i></span>
							</div>
						</div>
					</div>
				</div>

				<div class="col-sm-6 col-md-3">
					<div class="card bg-purple">
						<div class="card-body clearfix">
							<div class="pull-right">
								<p class="h6 text-white m-t-0">代办事项（条）</p>
								<p class="h3 text-white m-b-0">153</p>
							</div>
							<div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-comment-outline fa-1-5x"></i></span>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="row">

				<div class="col-md-6">
					<div class="card">
						<div class="card-header">
							<h4>交易历史记录</h4>
						</div>
						<div class="card-body">
							<canvas class="js-chartjs-lines"></canvas>
						</div>
					</div>
				</div>


				<div class="col-md-6">
					<div class="card">
						<div class="card-header">
							<h4>日历</h4>
						</div>
						<div class="card-body">
							<div class="container">
								<div class="left">
									<div class="header">
										<i class="icon-angle-left" id="prev">
											<</i> <h2 class="header-title">March</h2>
												<i class="icon-angle-right" id="next">></i>
									</div>
									<ul class="week-title">
										<li>Sun</li>
										<li>Mon</li>
										<li>Tue</li>
										<li>Wed</li>
										<li>Thu</li>
										<li>Fri</li>
										<li>Sat</li>
									</ul>
									<div class="days">
										<ul class="dates"></ul>
									</div>
								</div>
								<div class="right">
									<ul class="list"></ul>
									<div class="put">
										<input type="text" placeholder="Enter a task for this day" value="" id="txtInput">
										<select name="thingstype" id="thingstype">
											<option value="社交">社交</option>
											<option value="工作">工作</option>
										</select>
									</div>
								</div>
							</div>
						</div>
					</div>


				</div>

				<div class="row">

					<div class="col-lg-12">
						<div class="card">
							<div class="card-header">
								<h4>项目信息</h4>
							</div>

							<div class="card-body">
								<div class="table-responsive">
									<div id="app">
										<el-table :data="tableData" style="width: 100%">
											<el-table-column prop="projectId" label="id" width="180">
											</el-table-column>
											<el-table-column prop="projectName" label="项目名称" width="180">
											</el-table-column>
											<el-table-column prop="startTime" label="开始时间">
											</el-table-column>
											<el-table-column prop="endTime" label="结束时间">
											</el-table-column>
											<el-table-column prop="statusId" label="状态">
											</el-table-column>
											<el-table-column prop="startTime" label="进度">
											</el-table-column>
										</el-table>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>

			</div>



			<!-- import Vue框架 -->
			<script src="js/vue.js"></script>
			<script src="js/element-ui.js"></script>
			<script src="js/indexData.js"></script>
			
			
			<script type="text/javascript" src="js/jquery.min.js"></script>
			<script type="text/javascript" src="js/bootstrap.min.js"></script>
			<script type="text/javascript" src="js/main.min.js"></script>
			<script type="text/javascript" src="js/rili.js"></script>

			<!--图表插件-->
			<script type="text/javascript" src="js/Chart.js"></script>
			<script type="text/javascript">
				$(document).ready(function(e) {
					var /* $dashChartBarsCnt  = jQuery( '.js-chartjs-bars' )[0].getContext( '2d' ), */
						$dashChartLinesCnt = jQuery('.js-chartjs-lines')[0].getContext('2d');

					var $dashChartLinesData = {
						labels: ['2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014'],
						datasets: [{
							label: '交易资金',
							data: [20, 25, 40, 30, 45, 40, 55, 40, 48, 40, 42, 50],
							borderColor: '#358ed7',
							backgroundColor: 'rgba(53, 142, 215, 0.175)',
							borderWidth: 1,
							fill: false,
							lineTension: 0.5
						}]
					};
					var myLineChart = new Chart($dashChartLinesCnt, {
						type: 'line',
						data: $dashChartLinesData,
					});
				});
			</script>

	</body>

</html>
